.my_collection_init{
    img{
        width:81.37px;
        display: block;
        margin:0 auto;
    }
}
.my_collection_list{
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 10px 40px 0px rgba(77, 124, 254, 0.1);
    border-radius: 8px;
    overflow: hidden;
    padding-bottom:11px;

    .my_collection_list_swiper{
        .slick-dots-bottom{
            bottom:0;
        }
        .slick-dots-bottom>li{
            width: 8px;
            height: 8px;
            border-radius: 4px;
            background-color: rgba(152, 169, 188, 1);
        }
        .slick-dots-bottom>.slick-active{
            background-color: rgba(99, 176, 255, 1);
        }
        .slick-dots-bottom>li>button:hover{
            background-color: #ccc!important;
        }
        .slick-dots-bottom>li>button{
            height: 8px!important;
        }
        .slick-active>button{
            opacity: 0!important;
            width: 8px;
            height: 8px!important;
        }

    }
    .my_collection_list_tit{
        height: 44px;
        background-color: rgba(78, 193, 232, 1);
        .my_collection_list_tit_icon{
            width: 25.04px;
            height: 14px;
            float: left;
            background: #fff;
            margin-left:14px;
            margin-top:15px;
            position: relative;
            border-radius: 2px;
            img{
                width:14px;
                position: relative;
                transform: translate(37%, -41%);
            }
            div:first-of-type{
                width: 14px;
                height: 15px;
                background: #fff;
                position: absolute;
                top: 10px;
                transform: rotate(-133deg) skew(-13deg, 166deg);
                top: -7px;
                left: 5.5px;
                border-radius: 2px;
            }
            div:last-of-type{
                width: 14px;
                height: 15px;
                background: #fff;
                position: absolute;
                top: 10px;
                transform: rotate(-133deg) skew(-13deg, 166deg);
                top: 6px;
                left: 5.5px;
                border-radius: 2px;
            }
        }
        h4{
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
            font-size: 14px;
            font-family: Alibaba-PuHuiTi-R;
            margin-left:9px;
            float: left;
            margin-top:10px;
        }
        span{
            float: right;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
            font-size: 12px;
            font-family: AlibabaPuHuiTi_2_75_SemiBold;
            margin-top:11px;
            cursor: pointer;
            img{
                width: 8.6px;
                height:9.8px;
                margin-right:15px;
                margin-left:5px;
                position: relative;
                top:-1px;
            }
        }
        
    }
    .my_collection_list_con{
     padding:0 8px 17px;  
     div{
        width: 100%;
        height:36px;
        line-height:36px;
        border-bottom: 1px solid rgba(230, 232, 240, 1);
        display: flex;
        flex-flow: inherit;
        cursor: pointer;
        span{
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 8px;
            background-color: rgba(128, 131, 163, 1);
            flex:none;
            line-height: 20px;
            color:#fff;
            font-size: 10px;
            margin-top:8px;
            text-align: center;
            margin-right:6px;
            font-family: "AlibabaPuHuiTi_2_55_Regular";
        }
        .my_collection_list_con_1{
            background-color: rgba(128, 131, 163, 1);
        }
        .my_collection_list_con_2{
            background-color: rgba(207, 124, 115, 1);
        }
        .my_collection_list_con_3{
            background-color: rgba(127, 207, 216, 1);
        }
        .my_collection_list_con_4{
            background-color: rgba(128, 131, 163, 1);
        }
        p{
            margin: 0;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
     }
    }
}
